<template>
    <div>Left组件</div>
</template>
<script setup>
import { onMounted, onUnmounted, onActivated, onDeactivated } from 'vue'
// 首次加载
onMounted(() => {
    console.log('Left组件被挂载')
})
onUnmounted(() => {
    console.log('Left组件被销毁')
})
// 每次切换
onActivated(() => {
    console.log('Left组件被激活')
})
onDeactivated(() => {
    console.log('Left组件被缓存')
})
</script>
<style scoped>
    
</style>